<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>Main</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <style>
        .main-activity{

        }
        .main-activity-item{
            width: 100%;
            padding: 5px 3%;
            overflow: hidden;
            margin: 5px 0;
            transition: all .3s;
        }

        .main-activity-item:active{
            background-color: #f9f9f9;
            transition: all 0 ease 0;
        }

        .main-activity-item .main-activity-pic{
            width:43%;
            position: relative;
            float: left;
            padding: 10px 6px;
        }
        .main-activity-item .main-activity-pic img{
            border-radius: 10px;
        }
        .main-activity-item .main-activity-text{
            width:57%;
            position: relative;
            float: left;
            padding-left: 4px;
            padding-right: 3px;
        }
        .main-activity-item .main-activity-text .main-activity-title{
            margin-top: 2px;
            font-size: 0.8rem;
        }
        .main-activity-item .main-activity-text .main-activity-desc{
            font-size: 0.65rem;
            margin-top: 2px;
            color: #606266;
        }
        .main-activity-item .main-activity-text .main-activity-tag{
            position: relative;
            margin-top: 7px;
            font-size: 0.6rem;
            color: #AAAAAA;
        }
        .main-activity-item .main-activity-text .main-activity-tag i{
            font-style: normal;
            background-color: #FFF0EC;
            color: #FC9376;
            padding: 0 3px;
            border-radius: 2px;
            margin-right: 5px;
        }
        .main-activity-item .main-activity-text .main-activity-author{
            margin-top: 7px;
            font-size: 0.6rem;
            color: #AAAAAA;
        }
        .main-activity-item .main-activity-text .main-activity-author img{
            width: 18px;
            border: 1px solid #FEB900;
            margin-right: 5px;
            border-radius: 9px;
            float: left;
        }
        .main-activity-item .main-activity-text .main-activity-author .main-activity-info{
            font-size: 0.58rem;
            color: #AAAAAA;
            float: right;
            padding-right: 6px;
        }

        .main-activity-item .main-activity-text .main-activity-author .main-activity-info .aui-iconfont{
            font-size: 0.55rem;
        }
          .camera-box_in{background: #FFF;height: 75px;border-radius: 5px;padding-left: 5px;margin-left: 5px;margin-right: 5px;}
          .camera-box1{width: 20%;float: left;padding-top:15px;}
          .camera-pic{width: 50px;height: 50px;}
          .camera-box2{width: 50%;float: left;display: inline-block;line-height: 24px;}
          .camera-box3{width: 30%;float: right;display: inline-block;text-align: center;padding-top: 15px;}
          .camera-p_1{font-size: 20px;margin-top: 5px;}
          .camera-p_2{font-size: 13px;}
          .camera-p_3{font-size: 12px;}
          .camera-p_4{font-size: 13px;color: red;margin-top: 12px;}
          .camera-p_41{font-size: 13px;color: blue;margin-top: 12px;}
    </style>
</head>
<body style="background-color:#fff;">
    <div class="camera-box_in" style="border:2px #81b846 solid;">
    <div class="camera-box1" >
     <img src="../image/csx/monitor.jpg" class="camera-pic">
    </div>
    <div class="camera-box2">
    <p class="camera-p_1">摄像机</p>
    <p class="camera-p_2">777433866</p>
    <p class="camera-p_3">(LSF0021A0000000007)</p>
    </div>
    <div class="camera-box3">
    <p class="camera-p_4">点击解绑</p>
    </div>
      </div>
      <div class="camera-box_in" style="margin-top:10px;border:2px #81b846 solid;">
      <div class="camera-box1">
       <img src="../image/csx/monitor.jpg" class="camera-pic">
      </div>
      <div class="camera-box2">
      <p class="camera-p_1">摄像机</p>
      <p class="camera-p_2">777433866</p>
      <p class="camera-p_3">(未分配)</p>
      </div>
      <div class="camera-box3">
      <p class="camera-p_41">点击分配</p>
      </div>
        </div>
        <div class="footer-extend"></div>
</body>
<script>
    function itemOnclick(el){

    }
</script>
